<%@ page import="aiball.Team" %>
<!doctype html>
<html>
	<head>
		
		<meta name="layout" content="main">
		<g:set var="entityName" value="${message(code: 'team.label', default: 'Team')}" />
		<title><g:message code="default.edit.label" args="[entityName]" /></title>
		
		
<link rel="stylesheet" href="${resource(dir: 'css/jqui/custom-theme', file: 'jquery-ui-1.8.20.custom.css')}" type="text/css">


<!--link rel="stylesheet" href="/AIBall/js/codemirror/lib/codemirror.css"
	type="text/css" -->
<script
	src="../../static/plugins/jquery-1.7.1/js/jquery/jquery-1.7.1.min.js"
	type="text/javascript"></script>
<script
	src="../../static/plugins/jquery-ui-1.8.15/jquery-ui/js/jquery-ui-1.8.15.custom.min.js"
	type="text/javascript"></script>

<jq:plugin name="form" />
		
		
		<script type="text/javascript">


		function updateColor()
			{
			switch($('#colorPick').val())
			{

			case '1':
			$('#colorPick').css("background-color","CYAN");	
			break;

			case '2':
				$('#colorPick').css("background-color","MAGENTA");	
				break;

			case '3':
				$('#colorPick').css("background-color","RED");	
				break;


			case '4':
				$('#colorPick').css("background-color","YELLOW");	
				break;


			case '5':
				$('#colorPick').css("background-color","WHITE");	
				break;


			case '6':
				$('#colorPick').css("background-color","BLUE");	
				break;


			case '7':
				$('#colorPick').css("background-color","BLACK");	
				break;


			case '8':
				$('#colorPick').css("background-color","GREEN");	
				break;

			case '9':
				$('#colorPick').css("background-color","MAGENTA");	
				break;
				
			}

			}
		
		</script>
		
	</head>
	<body onLoad="updateColor()" >
		<div class="nav" role="navigation">
			<ul>
				<li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
				<li><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]" /></g:link></li>
				<li><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></li>
			</ul>
		</div>
		<div id="edit-team" class="content scaffold-edit" role="main">
			<h1><g:message code="default.edit.label" args="[entityName]" /></h1>
			<g:form method="post" >
				<g:hiddenField name="id" value="${teamInstance?.id}" />
				<g:hiddenField name="version" value="${teamInstance?.version}" />
				<fieldset class="form">
					<g:render template="form"/>
				</fieldset>
				<fieldset class="buttons">
					<g:actionSubmit class="save" action="update" value="${message(code: 'default.button.update.label', default: 'Update')}" />
					</fieldset>
			</g:form>
		</div>
		
	</body>
</html>
